Un bref rappel de 2 pages de la sous-rubrique "Html et JavaScript" ne sera pas inutile pour vous permettre de comprendre le mΘcanisme des feuilles de style lors de l'installation de liens hypertextes :
Avec cet exemple trΦs simple, vous aviez personnalisΘ vos liens par une
Θcriture comme celle-ci :
a : link { color : blue } a
: hover { color : red }
Ce second lien, non soulignΘ s'il n'est pas activΘ, s'Θcrit comme ceci dans
la FDS :
a : link { color : yellow ; text-decoration
: none} a : hover { color : white ; text-decoration : underline
}
Les ressources des feuilles de style vont toutefois bien plus loin et permettent une interactivitΘ particuliΦrement intΘressante dans la prΘsentation des liens hypertexte :
Pour ce troisΦme lien, la ligne a : hover sera
complΘtΘe de la maniΦre suivante :
a : hover { color
: yellow ; text-decoration : underline ; background-color : red }
Et le quatriΦme lien, encore plus frappant, verra la ligne a : hover Θcrite comme ceci :
a : hover { color : red ; text-decoration : underline ;
background-color : yellow ; border : 5 px outset }
Vous remarquez ainsi que toutes les fantaisies sont permises grΓce aux FDS : les couleurs, les tailles de police, leur brillance, les fonds et les bordures peuvent Ωtre prΘsentΘs dans de multiples combinaisons. Gardez toutefois α l'esprit que l'excΦs nuit au sΘrieux d'une page ... lorsqu'elle se veut sΘrieuse, Θvidemment !
... et si cette fantaise ne vous suffit pas encore, voyez donc l'exposΘ o∙ JavaScript et CSS se combinent !